<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout"
      layout:decorator="template">
<head>
    <title>预约检车</title>
    <link rel="stylesheet" href="../css/searchStation.css" type="text/css" />
    <script type="text/javascript" src="../js/searchStation.js"></script>
    <!--<script type="text/javascript" src="../js/selectType.js"></script>-->
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&amp;ak=yoTtCt8s2iGrDDwCXLYuquaQTEExAep7"></script>
    <script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>
    <link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" />
</head>
<body id="orange">
<div class="container">
    <div class="content">
        <div class="container-right" layout:fragment="content" >
            <div class="crumbs">
                <ul>
                    <li><a href="/index/home" th:text="#{SearchStationHtml.home}">首页</a><i class="triangle-icon"></i></li>
                    <li><a href="/introduction" th:text="#{SearchStationHtml.intelligentVehicle}">智能检车</a><i class="triangle-icon"></i></li>
                    <li class="active"><a href="#" th:text="#{SearchStationHtml.reservationVehicle}">预约检测</a></li>
                </ul>
            </div>
            <div class="classification">
                <div class="type">
                    <label th:text="#{SearchStationHtml.vehicleType}">车辆类型</label>
                    <ul  class="selectCar" id="carType">
                        <li class="active" id = "smallCar" th:attr="data-id= ${smallCarId}">
                            <img src="/img/carTypeOne_select.png" alt="" th:text="#{SearchStationHtml.smallCar}" />
                        </li>
                        <li id = "overSizeVehicle" th:attr="data-id= ${overSizeVehicleId}">
                            <img src="/img/carTypeThree.png" alt=""  th:text="#{SearchStationHtml.overSizeVehicleFlg}" />
                        </li>
                    </ul>
                </div>
                <div class="type">
                    <label th:text="#{SearchStationHtml.selectArea}" >区域选择</label>
                    <ul class="selectCar" id="areaType" style = "width: 85%">
                    </ul>
                </div>
                <div class="type">
                    <label th:text="#{SearchStationHtml.reservationDay}" >预约日期</label>
                    <input id = "reservationDay" type="text" class="select date Wdate" onfocus="WdatePicker({el:'reservationDay',readOnly:true,isShowClear:false,minDate:'%y-%M-%d',maxDate:'%y-{%M+2}-%d'})" style="width:110px;"/>
                </div>
                <div class="type">
                    <label th:text="#{SearchStationHtml.reservationTime}" >预约时间</label>
                    <div class="select">
                        <input id = "reservationStartTime" type="text" class="Wdate" onClick="WdatePicker({dateFmt:'H:mm',isShowToday:false,isShowClear:false})" style="width:60px;"/>
                        <span class="line">-</span>
                        <input id = "reservationEndTime" type="text" class="Wdate" onClick="WdatePicker({dateFmt:'H:mm',isShowToday:false,isShowClear:false})" style="width:60px;"/>
                    </div>
                    <button class="btn service-btn" id = "btnSearchStation"><img src="/img/search.png" alt="" class="search-btn" th:text="#{SearchStationHtml.searchStation}" /></button>
                </div>
            </div>
            <div class="service-store">
                <div class="service-store-left">
                    <ul id = "stationList">
                    </ul>
                </div>
                <div class="service-store-right" id = "allmap">

                </div>
            </div>
        </div>
    </div>
</div>

</body>
</html>